window.onload = function (){
    // 轮播图
    // 1、定位-实现轮播-改变left值-移动一个图片的位置
    // 2、左右按钮 - 实现无缝衔接 - 数组下标0 --记录值+1
    var left1 = document.querySelector(".con_mav .con_right .con_lbt .left")
    var lbt = document.querySelector(".con_nav .con_right .con_lbt")
    var right1 = document.querySelector(".con_nav . con_right .con_lbt .right")
    var lun = document.querySelector(".con_nav .con_right .con_lun")
    // 小圆点
    var alla = document.querySelectorAll(".con_nav .con_right .con_lbt .dot a")
    // 设置一个初始值
    var num = 0
    // 设置一个初值 记录小圆点的位置
    var cicle = 0
    right1.onclick = function(){
        // alert(1)
        num++
        // 无缝衔接
        if(num==3){
            num = 0
        }
        lun.getElementsByClassName.left = -996 * num + "px"
        cicle++
        if (cicle == 3){
            cicle = 0
        }
        // console.log(alla[cicle]);
        // 排他思想 --先把所有的样式都去掉
        for (var i = 0; i < alla.length; i++){
            alla[i].className = ""
        }
        // 设置相应的类名--只把我想要的显示出来
        alla[cicle].className = "current"
    }
    // 左边按钮
    left1.onclick = function(){
        // alert(1)
        num--
        // 判断
        if (num <0) {
            num = 2
        }
        lun.style.left = -996 * num + "px"
        // 小圆点移动减1
        cicle--
        if ( cicle < 0){
            cicle = 2
        }
        // console.log(alla[cicle]);
        // 排他思想 --先把所有的样式都去掉
        for (var i=0;i<alla.length; i++){
            alla[i].className = ""
        }
        // 设置相应的类名--只把我想要的显示出来
        alla[cicle].className = "current"
    }
    // 鼠标移入移出
    lbt.onmouseover = function (){
        // alert(1)
        // 显示左右按钮
        left1.style.display = "block"
        right1.style.display = "block"
        clearInterval(timer)
    }
    lbt.onmouseleave = function(){
        // alert(a)
        // 显示左右按钮
        left1.style.display = "none"
        right1.style.display = "none"
        strat()
    }
    // 实现自动轮播
    var timer
    function  strat() {
        timer = setInterval(function  () {
            // 调用右击按钮事件
            right1.click()
        },2000)
    }
    // 调用函数
    strat()
    // 圆点点击事件
    // 记录小圆点的位置
    var index = 0
    for (var i = 0; i < alla.length; i ++){
        // 设置一个下标
        alla[i].num = i
        alla[i].onclick = function(){
            // alert(1)
            // 赋值
            index = this.num1
            // 把小圆点里面的小标t同步到左右按钮里面的下标
            num = index
            cicle = index
            // 改变轮播图片的位置
            lun.style.left = -996 * index + "px"
            // 排他思想 -- 先把所有的样式都去掉
            for (var j = 0; j < alla.length; j++){
                alla[j].className = ""
            }
            this.className ="current"
        }
    }
    setInterval(function () {
        // 调用右击按钮事件
        right1.click()
    },2000)
}